<template>
    <header class="header">
        <h1>todos</h1>
        <input id="toggle-all" class="toggle-all" type="checkbox" >
        <label for="toggle-all"></label>
        <input
        class="new-todo"
        placeholder="输入任务名称-回车确认"
        autofocus
        @keydown.enter="add"
        v-model.trim="name"
        />
    </header>
</template>

<script>
export default {
    data(){
        return{
            name:"",
            flag:false
        }
    },
    methods:{
        add(){
            if(!this.name){
                alert("输入不可为空")
                return
            }
            this.$emit('send',this.name,this.flag)
            this.name=""
        }
    }
}
</script>